body {
    margin: auto;
    font-size: 1rem;
}
div,p{
    margin: 0;
    padding: 0;
}
.body{
    height: 600px;
    width: 380px;
    background-color: #f5f1f1;
    margin:auto;
}
.title{
    height: 30px;
    margin: 0 auto 7px;
    text-align: center;
    background-color: #dad8d8;
}
.person-data{
    width: 360px;
    margin: auto;
    background-color: #f5f1f1;
    padding-left: 20px;
}
.clearFix{
    clear:both;
    content:'.';
    display:block;
    width: 0;
    height: 0;
    visibility:hidden;
}
.nickname{
    height:60px;
    width: 380px;
}
.nickname-left{
    float: left;
    width: 60%;
}
.nickname-left div{
    height: 30px;
}
.nickname-left-img img{
    vertical-align: middle;
    height: 100%;
}
.nickname-left-img span{
    vertical-align: middle;
    display: inline-block;

}
.nicekname-left-text{
    padding-left: 30px;
}
.nicekname-left-text p{
    padding: 6px 0 7px 3px;
    border-bottom: 1px solid #f5ae64;

}
.nickname-img{
    width: 25%;
    float: right;
}
.nickname-img p{
    height: 50px;
    width: 50px;
    background: url("../images/addImg.png") 100% 100% no-repeat ;
    background-size: cover;
    border-radius: 50%;
}
.nickname-img input{
    display: none;
}
.nickname-img div{
    height: 50px;
    width: 50px;
}

.outer-box{
    width: 360px;
    margin-top: 25px;
}
.outer-box .upper{
    height: 30px;

}
.outer-box .upper img{
    vertical-align: middle;
    height: 100%;
}
.outer-box .upper span{
    vertical-align: middle;
    display: inline-block;
}
.outer-box .lower{
    height: 30px;
    padding-left: 30px;
}
.outer-box .lower p{
    padding: 6px 0 7px 3px;
    display: inline-block;
    width: 200px;
}
.outer-box .lower button{
    border: 0;
    height: 28px;
    width: 70px;
    color: #ffffff;
    background-color: #ff740a;
    border-radius: 7px;
    outline: none;
    cursor: pointer;
}
.outer-box .lower button:hover{
    background-color: #ff4c13;
}




/*.mailbox{*/
    /*width: 360px;*/
    /*margin-top: 15px;*/
/*}*/
/*.mailbox-account{*/
    /*height: 30px;*/
    /*padding-left: 30px;*/
/*}*/
/*.mailbox-account p{*/
    /*padding: 6px 0 7px 3px;*/
/*}*/
/*.mailbox-img{*/
    /*height: 30px;*/
/*}*/
/*.mailbox-img img{*/
    /*vertical-align: middle;*/
    /*height: 100%;*/
/*}*/
/*.mailbox-img span{*/
    /*vertical-align: middle;*/
    /*display: inline-block;*/
/*}*/

/*.password{*/
    /*width: 360px;*/
    /*margin-top: 15px;*/
/*}*/
/*.password-account{*/
    /*height: 30px;*/
    /*padding-left: 30px;*/
/*}*/
/*.password-account p{*/
    /*padding: 6px 0 7px 3px;*/
    /*display: inline-block;*/
    /*width: 150px;*/
/*}*/
/*.password-account button{*/
    /*border: 0;*/
    /*height: 28px;*/
    /*width: 70px;*/
    /*color: #ffffff;*/
    /*background-color: #ff740a;*/
/*}*/
/*.password-img{*/
    /*height: 30px;*/
/*}*/
/*.password-img img{*/
    /*vertical-align: middle;*/
    /*height: 100%;*/
/*}*/
/*.password-img span{*/
    /*vertical-align: middle;*/
    /*display: inline-block;*/
/*}*/